<script setup>
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
import { inject, computed, defineProps } from 'vue'

const props = defineProps({
  icon: {
    type: String,
    default: 'arrow-up',
  },
})

const isSmallPage = inject('isSmallPage')
</script>
<template>
  <button
    class="rounded-full border border-[--el-border-color-lighter] shadow w-12 h-12 bg-[--el-bg-color]"
  >
    <FontAwesomeIcon :icon="props.icon" class="text-xl text-[--el-text-color]" />
  </button>
</template>
